.under {font:600 12px Arial, Helvetica, sans-serif;background: #EBF7FA; height:140px; width:100%; margin-top:5px; padding-top:5px; color: #FFF; text-align:left}   
.underleft {  width:300px; color: #000; font-size:12px; margin-left:80px; line-height:20px } .underleft img {border-radius: 10px; width:280px}
.underright { width:570px; color: #999; float:right; margin:10px 10px 0 20px; line-height:30px   } .underright img {border-radius: 10px; width:100px;  float:left; margin-right:10px; }  .underright li { list-style:none; float: left;padding:20px 10px 20px 0px}  .underright a { text-decoration:none; color:#000; margin:0 5px 10px 0px} .underright a:hover {text-decoration:underline; color:#000  }
 
 

.tinmoi{ float:right}

 
.baiviet {width:990px; background:#e4ebe9 url(../images/pattern.png) repeat top left ; margin:418px 10px 0px 10px}

.news {width:650px;height:360px;border-radius: 10px; background: #FFF;margin:30px 10px 0px 5px ;padding: 5px  5px 5px 5px;  border: 2px solid #EEB0C2 }  
 
.news1{ margin:280px 0px 0px 380px;width:270px; position:absolute; color:#258D8B}.news1 a{font:600 9pt Arial,Helvetica,sans-serif;color:#258D8B;text-decoration:none  }.news1 a:hover{color:  #006} .news1 li { padding-bottom:8px}
 
.news2{ color: #666;width:350px;height:350px;font:9pt Arial,Helvetica,sans-serif;padding:0px 5px 10px 10px;text-align:justify;overflow:hidden; background:  #FFF; float:  left;box-shadow:0px 10px 20px #FFF; text-align:left}.news2 a{font:600 20px "Times New Roman", Times, serif;color:#900  ;text-decoration:none} .news2 h2{padding:0px 0px 0px 10px;font:1.3em normal Georgia,"Times New Roman",Times,serif;color:#0000FF}  
.news2 li {margin-bottom:5px;color:#258D8B; height:230px; overflow:hidden; list-style:none; margin-top:5px } 
.news2 img {border:solid 1px #CCC; padding:3px; margin:0 5px 10px -5px; min-height:270px} .news2 ul{ padding-top:10px}

.news3{ color: #666;width:270px;height:345px;font:9pt Arial,Helvetica,sans-serif;padding:5px 10px 10px 5px;text-align:left;
 overflow:hidden; background: #EAF4F4; box-shadow:0px 10px 20px #FFF ; float:left }.news3 a{font:600 9pt Arial, Helvetica, sans-serif;color:#258D8B;text-decoration:none; line-height:17px; word-spacing:3px; }.news3 a:hover{color:  #006}.news3 h2{padding:0px 0px 0px 10px;font:1.3em normal Georgia,"Times New Roman",Times,serif;color:#0000FF}  .news3 ul {width:260px;height:85px;list-style: none} .news3 img {  float:right; border:solid 1px #CCC; padding:2px;margin-top:0px; margin-left:10px} 


.side{width:300px; position: absolute;font:8pt Arial,Helvetica,sans-serif;  float:left;text-align:justify;overflow:hidden;box-shadow:0px 10px 20px #FFF;margin:0px 10px 10px 700px}.side a {font:600 9pt  Arial, Helvetica, sans-serif; text-decoration:none;color:#33517D}; 
.side h4 {font:12px Tahoma, Geneva, sans-serif;text-align:center; color:#C00; padding-top:5px}  
.side hr {border: none;height: 2px; line-height: 1px;background:#C00;margin-bottom: 10px;padding: 0;}
 #side1 { margin-top:400px;padding-left:10px} #side1 a:hover {color:  #006}  #side1 li { padding-bottom:8px; list-style:none; padding-right:20px}
 #side2 { margin-top:5px; margin-left:680px;padding-left:10px} #side2 a:hover {color:  #006}  #side2 li { padding-bottom:8px; list-style:none; padding-right:20px}
 
 
.tags{ width:290px;height:310px;position:  absolute;font:8pt Arial,Helvetica,sans-serif;  float: left;padding:0px 20px 0px 0px;text-align:justify;overflow:hidden; background:#FFF; border-radius: 10px;  border: 2px solid  #CCC;color:#000000;box-shadow:0px 10px 20px #FFF; margin:1610px 10px 10px 665px} 
.tags li, .tags a{float:left; height:24px;line-height:24px;  position: relative; font-size:11px; }
.tags a{ margin-left:20px;margin-top:10px; padding:20 10px 0 12px; background:#0089e0;  color:#fff; text-decoration:none;  -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  border-top-right-radius:4px;  }
.tags a:before{ content:""; float:left; position:absolute; top:0;left:-12px; width:0; height:0;border-color:transparent #0089e0 transparent transparent; border-style:solid; border-width:12px 12px 12px 0;  }
 
 
.tags a:hover{background:#0089e0; font-size:11px; line-height:24px; text-decoration:underline; color:#FFF }    
.tags a:hover:before{border-color:transparent #0089e0 transparent transparent;}  
.tags ul {text-align:center; padding-top:25px; font:15px Verdana, Geneva, sans-serif; color:#FFF;background:  #CCC;border-radius: 10px; height:30px;margin:-20px 0px 0px -30px; width:350px } 

 
 
 
.wrapper1{width:1000px;height:140px;background:url(../images/dust.png);padding:3px 5px 5px 5px; color: #666}  

 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	 
}
:focus {
	outline: 0;
}

/*===============================================
GLOBAL ELEMENTS
===============================================*/


.box-shadow-up { /* CLASS FOR SLIDE DESCRIPTION BOX SHADOW */
	-o-box-shadow: 0 -1px 5px #222;
	-moz-box-shadow: 0 -1px 5px #222;
	-webkit-box-shadow: 0 -1px 5px #222;
	box-shadow: 0 -1px 5px #222;
}

.box-shadow { /* DECLARED AS A CLASS FOR REUSABILITY */
	-o-box-shadow: 0 2px 5px #000;
	-moz-box-shadow: 0 2px 5px #000;
	-webkit-box-shadow: 0 2px 5px #000;
	box-shadow: 0 2px 5px #000;
}

/*===============================================
SLIDESHOW ELEMENTS
===============================================*/
#main h1 { /* STYLE FOR THE MAIN TITLE */
	position: absolute;
	margin-top: -150px;
	margin-left: 100px;
	width: 400px;
	height: 330px;
	padding-top: 70px;
	background: #eee;
	border-radius: 300px;
}

#main h1 p {
	margin: auto;
	width: 70%;
	text-align: center;
	font-size: 25px;
	color: #242424;
	text-shadow: 0 1px 1px #111;
}

#include #main { /* POSITIONING THE OUTERMOST include */
	position: relative;
	padding: 10px;
	margin:40px 0px 0px 20px;
	width: 800px;
	height: 400px;
	background: #eee;
}
#main a {
	text-decoration:none;
	font:11pt Arial,Helvetica,sans-serif;
	color:#258D8B;
	text-indent:10px;
	 
}

#main a:hover{
	text-decoration: underline;
	font:11pt Arial,Helvetica,sans-serif;
	color: #FFF;
	text-indent:10px;
	 
}

#include #main #actions { /* POSITIONING THE LINKS */
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100%;
}

#include #main #slideshow { /* POSITIONING THE SLIDESHOW */
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #fefefe;
	list-style: none;
	overflow: hidden;
	z-index: 10;
}

#include #main #slideshow li { /* DEFAULT SETTINGS FOR EACH SLIDES */
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#include #main #slideshow li img { /* DEFAULT SETTINGS FOR THE SLIDES */
	width: 100%;
	height: 100%;
}

#include #main #slideshow li .desc { /* STYLING AND POSITIONING OF THE SLIDES' DESCRIPTION */
	position: absolute;
	margin-top: -110px;
	padding: 10px;
	width: 100%;
	min-height: 90px;
	background: #111;
	background: rgba(11,11,11, 0.7);
}

#include #main #slideshow li .desc p {
	padding: 10px;
	color: #fff;
}

#include #main #slideshow li .desc p a, #include #main #slideshow li .desc p a:visited {
	padding: 0 10px;
	font-size: 12px;
	color: #fcb17a;
}

#include #main #slideshow li .desc p a:hover, #include #main #slideshow li .desc p a:active {
	color: #f59b26;
	text-decoration: underline;
}

#include #main #actions a { /* DEFAULT STYLE FOR THE LNKS */
	color: #555;
	text-decoration: underline;
	z-index: 10;
}

#include #main #actions a:hover { /* HOVER STYLE FOR THE LINKS */
	color: #242424;
}

.button { /* STYLE FOR THE LINK BUTTONS */
	padding: 10px 20px;
}

#include #main #actions .next { /* POSITIONING THE 'NEXT' LINK ON THE RIGHT */
	float: right;
	margin-right: -40px;
}
#include #main #actions .prev { /* POSITIONING THE 'PREVIOUS' LINK ON THE LEFT */
	float: left;
	margin-left: -70px;
}
/*===============================================
FOOTER ELEMENTS
===============================================*/
#include #footer {
	position: relative;
	margin-top: 20px;
	text-align: center;
}